<template>
  <view class="about-us">
    <view class="wrap cbox box_y_center">
      <view class="logo-wrap cbox box_y_center">
        <view class="logo"></view>
        <text class="title">葡萄医生</text>
        <text class="edition">Version 1.0</text>
      </view>

      <view class="info cbox box_y_center">
        <text class="desc"
          >葡萄医生整合北京市农林科学院农业植保专家资源，旨在为国内广大葡萄种植户提供一个方便、快捷的葡萄疫情在线咨询工具和交流</text
        >
      </view>

      <view class="msg rbox">
        <text class="tit">技术支撑：</text>
        <text class="organ">北京市农林科学院植物保护环境保护研究所</text>
      </view>

      <view class="contact cbox box_y_center">
        <text class="tit">问题与建议请联系：</text>
        <text class="tip">wanghui@ipepbaafs.cn</text>
        <text class="tip">010-51503704</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.about-us {
  padding: 0 42rpx;
  min-height: 100vh;
  background-color: #fff;
  .logo-wrap {
    .logo {
      margin-top: 76rpx;
      width: 124rpx;
      height: 124rpx;
      background-color: #e8d9d9;
      border-radius: 50%;
    }
    .edition,
    .title {
      margin-top: 15rpx;
      font-size: 36rpx;
      line-height: 1;
      color: #3b3b3b;
    }
  }
  .info {
    margin-top: 60rpx;
    .desc {
      padding: 0 20rpx;
      font-size: 32rpx;
      color: #aea8a8;
    }
  }
  .contact {
    margin-top: 172rpx;
    .tit {
      margin-top: 10rpx;
      font-size: 28rpx;
      line-height: 1;
      color: #aea8a8;
    }
    .tip {
      margin-top: 10rpx;
      font-size: 30rpx;
      line-height: 1;
      color: #3b3b3b;
    }
  }
  .msg {
    margin-top: 120rpx;
    .tit {
      min-width: 5em;
      font-size: 28rpx;
      line-height: 1.4;
      color: #aea8a8;
    }
    .organ {
      font-size: 28rpx;
      line-height: 1.4;
      color: #3b3b3b;
    }
  }
}
</style>